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1. Introductio 


 Coggle 


How to use the Basic Features available 
for the Free Account 
coggle 


Make mind map documents that flow like your ideas. 


Basic Features 


What is Coggle? 


¢ Coggle is an online collaborative mind-mapping tool that 
allows users to create, share, and collaborate on visual 
diagrams known as mind maps. Mind maps are graphical 
representations of ideas, concepts, and information, organized 


ina hierarchical and interconnected manner. 


Basic Features 


Key Features 


¢ With Coggle, you can create mind maps by adding nodes 
(also called bubbles or branches) and connecting them with 
lines, representing relationships between different 
elements. Each node can contain text, and you can 
customize the appearance of nodes and branches with 


different colors, fonts, and styles. 


Basic Features 


Key Features 


¢ Real-time Collaboration: Multiple users can work together 
on the same mind map simultaneously, making it a great tool 
for group brainstorming and collaboration. 

¢ Intuitive Interface: Coggle provides a user-friendly interface 
that makes it easy to create and edit mind maps without the 


need for complex technical skills. 


Basic Features 


Key Features 


¢ Sharing and Exporting: You can easily share your mind 
maps with others by generating a direct link or embedding 
them in a webpage. Additionally, Coggle allows you to export 
mind maps in various formats, such as PDF, PNG, or text 


outline. 


¢ Color-Coding and Styling: You can use different colors and 
styles to visually organize and highlight different sections or 


concepts in your mind map. 


Basic Features 


Key Features 


¢ Offline Editing: Coggle allows you to work on your mind 
maps even when you're offline, syncing your changes when 


you reconnect to the internet. 


¢ Collapsible Branches: To keep your mind maps organized, 
you can collapse and expand branches as needed, focusing on 


Specific sections of the map. 


Basic Features 


Wrap-up 


¢ Coggle is often used tn various industries for tasks like 
data exploration, data preparation, data engineering, 
machine learning, and business intelligence. Its user- 
friendly interface and scalability make it popular for 
organizations dealing with large and complex datasets in both 


on-premises and cloud environments. 


Basic Features 


2. Basic 
Features 


Basic Features 


In the following sections, we will breakdown the required steps 
to get started with Coggle: 

¢ Sign Up using your Google or Microsoft account. 

¢ Explore the Coggle Hub. 

¢ Create a New Mind Map & Collaborate. 

¢ Additional options: present, share, download, collaborate, 


track versions, comment. 


Basic Features 


=— 


Visit the Coggle Website 


In this tutorial, we will focus on the free version of Coggle. The 


first thing you ne@d to do is to gc to: https://coggle.it 


coggle 


Make mind map documents that flow like your ideas. 


Visit the Coggle Website 


Sign Up using your Google or Microsoft 


Make mind map documents that flow like your ideas. 


Click on the sign-up 


option 


. 1 yideo: 
qyrorial s 
ntY oduction 
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+ Sign Up Now 


Sign Up 


Sign up using your Google or Microsoft 


ee account 

Sign in to Coggle: 
your 
preferre Io Sign in with Google 
d 
method 


mm olgn in with Microsoft 


4 Sign in with Apple 


Sign up 


Sign up using your Google or Microsoft 


aC count... to Coggle 


One moment before you get started. To help us improve, which best describes you? 


- In this case, 
_—— Manager Ww ral S g n ral d v 0 
roject Manager : 
Education IT / Engineering 9 Via Goog le 


Human Resources 


which 
prompts a 
question from 
Product / Design the system 
about your 
field and role. 


Other 


Sign up 


the Hub 


The left panel 


displays some oggle Hub 


b as l C rexfarell@gmail.com 

information = CEB vate digrams used 
a bo ut YO Ur Bs Created By You Create a New Diagram 

a C C O U Nn C a Nn d Shared With You creas Coggle Diagram to 
designs, such — agree soe A bam 

a hehe J @ Create Folder 

diagrams, 

and the 

diagrams 


that have 
been shared 


with you. 
Additionally, 
YOu Can also Invite 3 more people to try Awesome 


for free! 


visit the 
gallery to Explore the Coggle Hub 


Let us first 
Click on the 
gallery tab to 
check 
instances of 
diagrams 
made by other 
users. 


rexfarell@gmail.com 
Eric Avila 
private diagrams used 
Bs Created By You 
Shared With You 


Gallery 


@ Create Folder 


Invite 3 more people to try Awesome 
for free! 


Explore the Coggle Hub 


oggle Hub 


-+- Create Diagram Upgrade Now 


Create a New Diagram 


Create a new Coggle Diagram to 
get started. 


Diagrams you create will be saved 
here on your homepage. 


Explore the Coggle Hub 


rexfarell@gmail.com 


Yo U C a N Eric Avila 


private diagrams used 


browse 

| . Created By You 
pu b C Shared With You 
diagrams Gallery 
here. 


Coogle test folder 


@ Create Folder 


But you can 
also search 
or a Specific 
IC and see 
eis 


Invite 3 more people to try Awesome 
for free! 


Upgrade Now 


The Coggle Gallery - Aselectio 
Follow us on Twitter o) 


Q. Search public diagrams [ 


Search Coggle 


Type to find your documents — ile! 
quickly search for any word in a 
diagram! 


S.M.A.R.T 


a~ 


Explore the Coggle Hub 


Explore the Coggle Hub 


rexfarell@gmail.com 


i Eric Avila | Wecrade N ; 
Try Se a rc n | nN g = private diagrams used aa a. Q SELLE! Science 


for “computer — Sierciiesaale 
. ” reated By You 
science” and 


The Coggle Gallery -Aselectio Type to find your documents — ile! 
Shared With You Follow us on Twittero quickly search for any word in a 
see th e iagram! 
Gallery 


results. 


Coogle_test_folder 


@ Create Folder 


S.M.A.R.T 
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Explore the Coggle Hub 


You will be 
redirected toa 
Google search 
with thousands of 
results. 


If you click on the 
first link, you will 
be again 
redirected toa 
diagram about 

© computer 
science” 


Explore the Coggle Hub 


“| Images for site:coggle.it Computer Science 


é> diagram és flowcharts = coggle ag sorting algorithms 


Feedback 


View all > 


Fie) coggle.it 
https://coggle.it » diagram » V_ PloySgLqUcYQzZF >c... = 


Computer Science 
Siitlauvit alig CUuUIIG ST Rigurt aii Uaia Suuc.ures. Programming language theory - 


Formal methods - Computer architecture and engineering. 


Explore the Coggle Hub 


When you are 
visualizing a 
diagram, you 
may want to zoom 
out, like in this 
case, to see the 
whole picture. 


Click on the 
question mark 
Symbol to learn 
howto accomplish 
this action. 


Explore the Coggle Hub 


€ Ca coggle.it/d @a.erx : @ 


Public Diagram Use as Template 


Formal methods 


Computer Science 


Algorithms and da 


Applied computer science Theoretical computer science 


Explore the Coggle Hub 


We learn that Ctrl 
+ mousewheel is 
the method to 
zoom out and 
Zoom in diagrams. 


Explore the Coggle Hub 


< coggle 


L] §  Useas Template G 


Remove Branch: (ij) + click €9 


Insert Branch: Gigi} + click © 
Transplant Branch: @gii} + drag © 


Undo: (i) + a 
Reo GO+G+@ | » 
Markdown > 
- [X] to create a () checkbox 
~text> to use a fixed width font 
| Ca 
Icons 
Type : while editing or use the button along S| AU 
Applied computer science Theoretical computer science the top of the item editor. A 
Q. Help me to.. “~ CI 
Programming language the 
—eE cCompier aesign 
: ee 


Add |mages: drag and drop ~ 
Zoom: | sy + mousewheel 
Ee 


Explore the Coggle Hub 


Explore the Coggle Hub 


lf we apply the 
zoom out, we can 
see the whole = 
structure of this a ae 


mind map. TS Ue 


< coggle Ll # Use as Template 


Explore the Coggle Hub 


Explore the Coggle Hub 


Let’s zoom in 
again and check 
this mind map 
more closely. 


Upon closer Formal methods 
inspection we can 
see that the titles 
or nodes tn this 


Algorithms and data structures 


Theory of computation 


Applied computer science Theoretical computer science elermistian maetGeuicattiesey 


Type theory 
Programming language theory eee pee ee 
we ompiler design 


Explore the Coggle Hub 


Explore the Coggle Hub 


We are NOW (Q Search Wikipedia == Search | Create account Login eee 
redirected to a 
Wikipedia article Computer science 4 158 anguagesv 


Article Talk Read Viewsource Viewhistory Tools v 


a b O U C C O mM p U te r From Wikipedia, the free encyclopedia G 
S C l eC N C eC ‘ For other uses, see Computer science (disambiguation). 


Computer science is the study of computation, information, and automation. !I[I[5] 


: : ae Fundamental areas of computer science 
Computer science spans theoretical disciplines (such as algorithms, theory of . 


O := Af.Ax.x 
computation, and information theory) to applied disciplines (including the design and 
implementation of hardware and software)."IlI[§] Though more often considered an 1 := Af.Ax.f x all 
academic discipline, computer science is closely related to computer programming.!”] 2 tm AT. AX.T (F X) wll | 


Programming language theory Computational 


Algorithms and data structures are central to computer science.!®! The theory of 
complexity theory 


computation concerns abstract models of computation and general classes of problems 


that can be solved using them. The fields of cryptography and computer security involve S 
studying the means for secure communication and for preventing security vulnerabilities. 
Computer graphics and computational geometry address the generation of images. C 


Programming language theory considers different ways to describe computational 
ae Artificial intelligence | Computer architecture 
processes, and database theory concerns the management of repositories of data. 

Human-computer interaction investigates the interfaces through which humans and 


computers interact, and software engineering focuses on the design and principles behind Computer science 


developing software. Areas such as operating systems, networks and embedded systems 


a 


investigate the principles and design behind complex systems. Computer architecture Ee : 


Explore the Coggle Hub 


5. Creating 
a New Mind 


Map 


The right 
panel of the 
hub contains 
the most 
important 
option: 
“Create 
Diagram” 


Creating a New Mind Map 


rexfarell@gmail.com 
Eric Avila | -+- Create Diagram Upgrade Now 
private diagrams used 


Bs Created By You Create a New Diagram 


Shared With You Create a new Coggle Diagram to 
get started. 

rales Diagrams you create will be saved 
here on your homepage. 


@ Create Folder 


Invite 3 more people to try Awesome 
for free! 


Creating a New Mind Map 


Once you 
click on “New 
Diagram’, 
You will have 
access toa 
screen that 
has two 
prominent 
elements: 

1. A short 
cut list 
with all the 
actions you 
may 
possibly 
need.to 
finalize a 
daciqn. 


Zoom, add text labels, undo, and paste 
copied items by right clicking the 
background. 

When typing 

New Item: + 
New Child Item: 
Jump to Parent: u 


Format text: use Markdown 


Shortcuts 
Remove Branch: + click 


Insert Branch: + click 


Transplant Branch: + drag 


Add |mages: drag and drop 


Zoom: + mousewheel 


Creating a New Mind Map 


2.And a Creating a New Mind Map 
widget in 
the middle 
of the 


screen. 


Creating a New Mind Map 


Creating a New Mind Map 


Click on It to 
name the 
category from 
which all other 
relations will 


stem. 


Creating a New Mind Map 


Creating a New Mind Map 


Click on It to 
name the 
category from 
which all other 
relations will 


Mammals 


stem. 


Creating a New Mind Map 


Creating a New Mind Map 


Text formatting 
options. 


Creating a New Mind Map 


Creating a New Mind Map 


Text formatting 
options. 


Bold and 
Italics applied 
to the text. 


A? al F 


Creating a New Mind Map 


Creating a New Mind Map 


Link toa 
website 


Alé@|al 


Se ded © a1 keel 


Link to a website 


Creating a New Mind Map 


Creating a New Mind Map 


Link toa 
website Mammals 


A @ lal s 


| Animals *““Birds***[Link Title] (glueksHiepelanl o)f=eteyaa}) 


Creating a New Mind Map 


Link toa 


website NATIONAL 

2. You can now choose a GEOGRAPHIC 
relevant link and copy 
the address. 


I.ANIMALS. I 


Creating a New Mind Map 


Creating a New Mind Map 


Paste It 
between the 
parentheses 
and choose 
and 
appropriate 
Title by 
replacing the 
content the 
brackets. 


Mammals 


A? al F 
***Birds***I[Nat Geo Article 
https:/(www.nationalgeographic.com/animals/birds 1 


Creating a New Mind Map 


Creating a New Mind Map 


No, it will 
display like 
this and if you 
click on the 
link, it will take 
you to the 
website we set 
for this 
example. 


Mammals 


= Animals Birds Nat Geo Article 


Creating a New Mind Map 


Creating a New Mind Map 
Upload an 
image 
Click on the 
icon. 


F KY. ae” - FAITUWSL “eo Article]( 
Upload an image palgeographic.com/animals/birds 


Creating a New Mind Map 


Creating a New Mind Map 
First, let us 
download a 
Suitable 
picture from 
internet. 
For this C  @ pixabay.com/vectors/search/bird 
example we 
chose 
pixabay.com 


epixaday Q. bird Vectors v 


Vectors Vv Orientation v Size Vv Color v Published date v 


Creating a New Mind Map 


Creating a New Mind Map 


Select one of 

the images in 

the repository. 
Click on it and 
download it to 
your device. 


Creating a New Mind Map 


Creating a New Mind Map 


Select one of 
the images in 
the repository. 
Double Click 
on it and then 
click on the 
download 
button to start 
the 
downloading 
rocess. 


Kee Ciker-Free-Vector-Images 2. Follow © 707 q 
31620 followers 


Creating a New Mind Map 


Choose the 
resolution of 
the image and 
click on the 
Download 
button. 


Creating a New Mind Map 


640x533 PNG 101 kB 
@) 1280x1067 PNG 332 kB 
1920x1601 PNG 704 kB 
Vector graphic SVG 92 kB 


| Download View 


xD 


T ww Tt a wees 


e & download. Content License 


Creating a New Mind Map 


Creating a New Mind Map 


Choose where 
you want to 
store the 
image. 


File name: | 14.1 


Save as tvpe: PNG Imaae 


A Hide Folders Cancel 


Creating a New Mind Map 


Creating a New Mind Map 


Click on the 
ICON 


Sesede Ps we” = FA TUL “eo Article]( 
Upload an image palgeographic.com/animals/birds 


Creating a New Mind Map 


Creating a New Mind Map 


Choose the 
image 


Organize ~ New folder 
HB Videos 


BB Captures 


Coggle 


BB Foo Fighters - 2022 - The Essential Foo Fighters (24bit-44.1kH: 


Pi Certificados 


Vv os Dropbox 
PM Aplicaciones 
PM Apps 


bird-g61554a435 
Pi BACKup 2015_MAY28 1280 


File mms ——— Archivos de imagen 


Creating a New Mind Map 


Insert an Icon 


Creating a New Mind Map 


***Birds*** [Nat Geo Article]( 


https://www.nationalgeographic.com/animals/birds ) 
'fbird-g61554a435 1280] 


(attached://92605b/d938c88f1 9d/c561b666d8356 


150x125) :unlock: 


Creating a New Mind Map 


Insert an Icon 


You could also 
Insert an Icon 
from a short 
selection, 
although they 
are somehow 
limited. 


Creating a New Mind Map 


A ? lal F 


***Birds*** [Nat Geo Article]( 
https://www.nationalgeographic.com/animals/birds ) 


bird-g61554a435_ 1280] 
(attached://92605b7d938c88f19d7c561b666d8356 
150x125) | 


:check: 
:green_cross: 
‘red_cross: 
:no_entry: 
‘forbidden: 
‘warning: 
‘recycle: 

:<3: 
‘red_flag: 
-black_flag: 


‘star: 


Et Ue > OOXHS 


‘checkered _flag: 


Creating a New Mind Map 


Insert an Icon 


This is how the 
Icon we chose 
would be 
displayed in 
the mind map. 


Creating a New Mind Map 


Mammals Of $ a = }( JJ 


i 


Creating a New Mind Map 


6. Additional 
Options 


Now that our toy 
mind map Is 
completed. We 
need to learn how 
to carry out the 
following actions: 


Share, 
Present, 
Download, 
Invite to 
collaborate 
Track versions 
Comment and 
chat. 


Additional Options 


Mammals 


Pilds) i iis Birds Nat Geo Article @ gy 


Additional Options 


Additional Options (Share) 


lf you want to 


embed your design a) 
in a website or share 


it via Facebook or 
Twitter, click on 
“Public Diagram”. 


Additional Options 


Additional Options (Share) 
ot + SB \ » 


Can everyone view this diagram? 


l i acme Public diagrams can be viewed by 
Click on the option anyone and may appear in our Gallery 


you want to use. 


New Link: These let you share <) ¢ a 
your diagram with people who aren't [| eypep 

logged in, but be careful, they let 

anyone with the link see your work! 


Additional Options 


Additional Options Additional (Share) 


YES 


Gallery 
link(s). 
Alternatively, you PSP WE 


can create a New 
link, so that anyone 
with it, even if they 


<iframe width='853' height='480' 


are not logged In, src='https://embed.coggle.it/diagram/ZMGQMO 
. KT- 
Can See YOuUr design. OtsQ2Fft/a448FF92b6049ebaacile7fel1067e5fa825b 


161f47e49b1a11b7508ae1b876045 ' 
frameborder='@' allowfullscreen></iframe> 


Additional Options 


Additional Options (Share) 


To present or —— 
ee your design, my = | : ¥ ol “39 


click on the Icon. 


Additional Options 


You can now see the 
final output. 


Additional Options —"s 


rm |o|* + 


Additional Options 


Additional Options (Share) 


coe =[t]+ Be» 


exactly the same as 
the “Public Diagram” 
button does. 


Additional Options 


Additional Options (Share) 


a © |* | 


Can everyone view this diagram? 
This is basically a a 
duplicated 
function since you 


Cules-e§ https://coggle.it/diagram/ZMGQMOKT-OtsQ2ft 


can also find It In https://coggle..it/diagram/ZMGQMOKT-OtsQ: 
Public Diagram a 

New Link: These let you share your 
button ; diagram with people who aren't logged in. f VW 


but be careful, they let anyone with the link 
see your work! 


<iframe width='853' height='480' 
src='https://embed.coggle.it/diagram/ZMGQMO 
KT- 
OtsQ2Ft/a448FF92b6049ebaacle7fel1067e5Ffa825b 
161f47e49b1a11b7508ae1b876045 ' 
frameborder='@' allowfullscreen></iframe> 


Additional Options 


Additional Options (Download) 


To download your ao * ae» 
design, click on the 
Icon. Download this Coggle. 


Additional Options 


Additional Options (Download) 


among-a-varict 
among a variety of 

file types to Download Image 

download your mind 

Map. Visio Flowchart (.vsdx) 


In this case, we 
selected PDF. 


.mm File 


Plain- Text Outline 


Looking for imports? Drag a .mm or .ixt file 
onto a diagram to import it! Read more. 


Additional Options 


At this point, a 
page, containing 


fe Additional Options (Download) 


download/print 
options, will pop- 
up with a 


de for free at coggle.it 


preview of your 
design. 


Note: If you are 
a user of 
Evernote, you 


can ‘Bo share 7 | | - 
; 2 : Ales i= Birds Nat Geo Article 
this directly into ) 


your,notes, 
clicking.on the 
icon. 


Additional Options 


Additional Options (Download) 


Osave As 

<€ > v 4 MM > Desktop | 
N OW J U st Organize ~ New folder 
d ec I d eC ape stile No items match your search. 
where you 

=, Deskto * 

want to oo 
store yO U r BF Documents # 
design. @ Pictures » 


BB Doctorado_KI# 


@ Music 
euAdaheA »bat Document 


Hide Folders Cancel 


Additional Options 


Additional Options (collaborate) 


Public Diagram 


To invite someone 
to collaborate, 
click on the Icon, 
write the 
corresponding Email 
on the box and click 
on the send button. 


Additional Options 


Additional Options (collaborate) 


¢ 8 0 JW eS © G@ BB D 


Eric Avila added you to a Coggle diagram D inbox x 


Coggle <contact@coggle. it 
tome v 


The people you 
Invited to 
collaborate, should 
get an email similar 


Eric added you to a Coggle diagram: # Me...date 


Coggle is a collaborative mind-map and flowchart tool that helps you make 


to C h l S O Nn Cc l Nn C h eC | r sense of complex things. It's simple and free to use. 
inbox. 


VIEW 


coggle 


Additional Options 


Additional Options (collaborate) 


You need to sign in to accept this invite. Please sign in, or 


The people you 
Invited to 
collaborate, should 
now follow the Sign 
n_process. 


Additional Options 


coggle 


Additional Options (collaborate) 


Sign in to Coggle: 
The people you invited 
to collaborate can now ethan 
choose any of the = Sminaienean 
following sign in — 
methods. 
In this example, we 
chose using Google. 


Additional Options 


Additional Options (collaborate) 


Choose an account 


To finish the Sign in to continue to Coggle 
process, choose a adio Reduce 

valid Google account. 
This will automatically 
take the new user to ae 


Before using this app, you can review Cor 


the Coggle design. vay poly an 


terms of service 


Additional Options 


Once users are 
collaborating, you will 
notice it is indicated by 
the presence of their 
avatars. 


Additional Options (collaborate 


Mammals 


cf ¥y 


Additional Options 


iclin 


co . ¢t 


to invite, type an email 


| Animals Birds Nat Geo Article “* ea 
Pe 


Additional Options (track versions) 


You can track, view 
and copy previous 
versions of the design 
by clicking on this icon. 


Public Diagram 


Additional Options 


Additional Options (previous versions)® ” 


10 days ago 
10 days ago 
10 days ago 
10 days ago 
10 days ago 
10 days ago 
10 days ago 
10 days ago 
10 days ago 
10 days ago 
10 days ago 
10 days ago 


Once you activate this or 


10 days ago 


feature, you can see F wore 


10 days ago 


and interact with the © oa 


10 days ago 

7 = 9 days ago 
previous versions. a 
9 days ago 

9 days ago 

9 days ago 

9 days ago 

9 days ago 

9 days ago 

9 days ago 


6 days ago (current) 


Additional Options 


Additional Options (Comment) 


By clicking on this 
Icon, you can add 
and see notes 
related to the status 
and progress of the 
design. 


Additional Options 


Messages 


) Search 


Additional Options (Com oayeage 
@ Eric Avila 


ES) image-resized.png 
£3) image-resized.png 


c= 


£3} bird-g61554a435_1280-resized.png 


By clicking on this 
Icon, you can add en 
and see notes | believe we need more nodes! 
related to the status | have some cool images for mammals @ 
and progress of the 

design. 


8 days ago 


Enter comments, discussion and notes. 


Additional Options 
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